<div class="user-subpage">
  <div class="user-subpage-side">
    <ul>
      <li class="active"><a class="user-subpage-side-link" href="#"><i class="icon taobao-iconfont icon-profile"></i>基本讯息</a></li>
      <li><a class="user-subpage-side-link" href="#"><i class="icon taobao-iconfont icon-vipcard"></i>银行卡资料</a></li>
      <li><a class="user-subpage-side-link" href="#"><i class="icon taobao-iconfont icon-lock"></i>修改密码</a></li>
      <li><a class="user-subpage-side-link" href="#"><i class="icon taobao-iconfont icon-mail"></i>短信通知</a></li>
    </ul>
  </div>
  <div class="user-subpage-main">
    <!-- 基本讯息 -->
    <div class="user-subpage-main-item active">
      <form class="form-horizontal mb40">
        <div class="form-group">
          <label class="col-sm-4 control-label">用户名：</label>
          <div class="col-sm-10">
            <p class="form-control-static">email@example.com</p>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">真实名字：</label>
          <div class="col-sm-10">
            <p class="form-control-static">张三</p>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">手机号码：</label>
          <div class="col-sm-10">
            <p class="form-control-static">131****0555</p>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">电子邮箱：</label>
          <div class="col-sm-10">
            <p class="form-control-static">***@qq.com</p>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">昵称：</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" autocomplete="off">
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">出生日期：</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" autocomplete="off">
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">QQ号码：</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" autocomplete="off">
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">微信号码：</label>
          <div class="col-sm-10">
            <input type="text" class="form-control" autocomplete="off">
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-offset-4 col-sm-10">
            <button type="submit" class="btn btn-danger">保存</button>
          </div>
        </div>
      </form>
    </div>
    <!-- /基本讯息 -->
    <!-- 银行卡资料 -->
    <div class="user-subpage-main-item">
      <p class="text-center">会员账号：zhangsan 已绑定<strong class="text-danger">1</strong>银行卡</p>
      <table class="table table-bordered table-striped">
        <thead>
          <tr>
            <th width="10%">序号</th>
            <th width="40%">银行名称</th>
            <th width="30%">卡折号</th>
            <th width="20%">绑定时间</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>001</td>
            <td>中国银行</td>
            <td>622456464986456456</td>
            <td>2017年12月6日 00:25:12</td>
          </tr>
        </tbody>
      </table>
      <p class="text-right">
        <a href="#" class="btn btn-danger"><i class="icon taobao-iconfont icon-add"></i>添加银行卡</a>
      </p>
    </div>
    <!-- /银行卡资料 -->
    <!-- 修改密码 -->
    <div class="user-subpage-main-item">
      <form class="form-horizontal mb40">
        <div class="form-group">
          <label class="col-sm-4 control-label">用户名：</label>
          <div class="col-sm-10">
            <p class="form-control-static">email@example.com</p>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">原始密码：</label>
          <div class="col-sm-10">
            <input type="password" class="form-control" autocomplete="off">
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">新密码：</label>
          <div class="col-sm-10">
            <input type="password" class="form-control" autocomplete="off">
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">确认新密码：</label>
          <div class="col-sm-10">
            <input type="password" class="form-control" autocomplete="off">
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-offset-4 col-sm-10">
            <button type="submit" class="btn btn-danger">保存</button>
          </div>
        </div>
      </form>
    </div>
    <!-- /修改密码 -->
    <!-- 短信通知 -->
    <div class="user-subpage-main-item">
      <form class="form-horizontal mb40">
        <div class="form-group">
          <label class="col-sm-4 control-label">修改密码通知：</label>
          <div class="col-sm-10">
            <div class="checkbox">
              <label>
                <input type="checkbox" value="">
                短信
              </label>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">提款申请通知：</label>
          <div class="col-sm-10">
            <div class="checkbox">
              <label>
                <input type="checkbox" value="">
                短信
              </label>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">存款执行通知：</label>
          <div class="col-sm-10">
            <div class="checkbox">
              <label>
                <input type="checkbox" value="">
                短信
              </label>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-4 control-label">自助晋级礼金通知：</label>
          <div class="col-sm-10">
            <div class="checkbox">
              <label>
                <input type="checkbox" value="">
                短信
              </label>
            </div>
          </div>
        </div>
        <p class="col-sm-offset-4 text-danger"> *请根据实际情况选择相应的服务,以免造成不必要的打扰.</p>
        <div class="form-group">
          <div class="col-sm-offset-4 col-sm-10">
            <button type="submit" class="btn btn-danger">保存</button>
          </div>
        </div>
      </form>
    </div>
    <!-- /短信通知 -->
  </div>
</div>